{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Xiongkai-teamintro</title>
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css '%}">
    <script src="{% static 'bootstrap/js/jquery-3.1.1.min.js' %}"></script>
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'layer/layer.js' %}"></script>
    <link rel="stylesheet" href="{% static 'teamstyle.css' %}">
</head>
<body>
  <div id="team">
        <div class="row">
            <div class="col-md-3 x">
                <div class="team1-menu">联赛导航</div>
                <div class="team1-item"><a href="{% url 'team' 1 %}">西甲联赛</a></div>
                <div class="team1-item"><a href="{% url 'team' 2 %}">英超联赛</a></div>
                <div class="team1-item"><a href="{% url 'team' 3 %}">意甲联赛</a></div>
                <div class="team1-item"><a href="{% url 'team' 4 %}">德甲联赛</a></div>
                <div class="team1-item"><a href="{% url 'team' 5 %}">法甲联赛</a></div>
            </div>
            <div class="col-md-9">
                <div class="x-title">{{ title }}</div>
                {% for item in data %}
                    <div class="row team-item">
                        <div class="col-md-5">
                            <img class="img-responsive img-thumbnail" src="{{ item.productImgs.first.photo.url }}" alt="产品导航">
                        </div>
                        <div class="col-md-7">
                            <div class="team-title">{{ item.title }}</div>
                            <div class="x-padding1">{{ item.desc }}</div>
                            <div class="team-btn">
                                <a class="btn btn-success" href="{% url 'team1detail' item.id %}">查看详情</a>
                            </div>
                        </div>
                    </div>
                {% endfor %}


                {% if data.paginator.num_pages > 1 %}
                    <div class="page">
                        <ul class="pagination">
                            {% for item in data.paginator.page_range %}
                                {% if data.number == item%}
                                    <li class="type-active"><a href="#">{{ item }}</a></li>
                                {% else %}
                                    <li><a href="?num={{ item }}">{{ item }}</a></li>
                                {% endif %}
                            {% endfor %}
                        </ul>
                    </div>
                {% endif %}

            </div>
        </div>
    </div>
<script src="{% static 'js/style.js' %}"></script>


</body>
</html>